<!--
+----------------------------------------------------------------------
| 友得云客  - 开启房产营销新纪元
+----------------------------------------------------------------------
| Copyright (c) 2019~2023 优得（西安）信息科技有限公司版权所有
+----------------------------------------------------------------------
| Licensed 友得云客不是自由软件 未经允许不可移除相关版权
+----------------------------------------------------------------------
| Author: www.youdeyunke.com
+----------------------------------------------------------------------
-->
<template>
    <div class="empty" v-cloak>
        <img class="img" :src="require('@/assets/images/no-result.png')" />
        <slot></slot>
    </div>
</template>

<script>

import img from '@/assets/images/no-result.png';

export default {
    data () {
        return {
            loading: false,
        };
    },
    props: {},

    mounted: function () { },

    computed: {},

    methods: {},
};
</script>

<style scoped>
.empty {
    font-size: 22px;
    color: #999;
    text-align: center;
    min-height: 260px;
    background-size: 200px;
    padding: 30px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.5;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.empty .img {
    width: 50%;
    height: auto;
}
</style>